<template>
  <div>
    <div class="header">
        <span class="_icon _i1" @click="goTo($route.query.history)"><i class="el-icon-arrow-left"></i></span>
        <span class="_icon" @click="goTo('/setting')">
            <i class="el-icon-more-outline"></i>
        </span>
    </div>
    <router-view/>
  </div>
</template>
<script>
export default {
  data(){
    return{
    }
  },
  methods: {
    goTo:function(Path){
      this.$router.replace(Path);
    },
  }

}
</script>


<style scoped>
/*全局 */
  div,span{
    display: block;
  }
  span{
    text-align: center;
    display: block;
  }
  #idea{
    width: 100%;
    height: 800px;

  }
  .header{
    width: 100%;
    height: 50px;
    background: rgba(255, 255, 255, 0.8);
    z-index: 200;
    position: fixed;
  }
/*header*/
  .header ._icon{
    height: 50px;
    width: 50px;
    position: absolute;
    right: 0;
    font-size:35px; 
    color:#666;
    line-height: 50px;
    text-align:center;
  }
  .header ._i1{
    font-size: 30px;
    left:0;
  }


</style>